import React, { Suspense } from 'react'
// 一般都是在根组件中配置前端路由规则. 因为Route组件在哪里使用,则Route组件中配置的页面组件就渲染在哪里
import { Routes, Route, Link, useRoutes } from 'react-router-dom'
// 引入路由表
import routes from './routes'
export default function App() {
  return (
    <div id="app">
      <Link to="/home">首页</Link>
      <Link to="/login">登录</Link>

      <hr />
      {/* 利用useRoutes根据路由表动态创建Routes和Route */}
      {useRoutes(routes)}
      <hr />
    </div>
  )
}
